<template>
  <div class="take-away">
    <good-list :goodlist="goodlist"></good-list>
    
  </div>
</template>

<script>
import GoodList from '@/components/common/goods/GoodList.vue'
export default {
  components: { GoodList },
  name: "TakeAway",
  data() {
    return {
      goodlist: [
        {
          id: '1',
          title: '麦当劳麦乐送（珠海北师大店）',
          imgUrl: require('@/assets/img/takeaway1.jpg'),
          score: '4.8分',
          sales_number: '月售2191',
          assess: require('@/assets/img/takeaway1_2.jpg'),
          aUrl: 'https://www.mcdonalds.com.cn/'
        },
        {
          id: '2',
          title: '小zhu烤鸡（北师校内可送店）',
          imgUrl: require('@/assets/img/takeaway2.jpg'),
          score: '4.8分',
          sales_number: '月售3350',
          assess: require('@/assets/img/takeaway2_2.jpg')
        },
        {
          id: '3',
          title: '瑞幸咖啡luchin coffee(北师海华苑店)',
          imgUrl: require('@/assets/img/takeaway3.jpg'),
          score: '4.8分',
          sales_number: '月售1160',
          assess: require('@/assets/img/takeaway3_2.jpg')
        },
        {
          id: '4',
          title: '陆柠茶LUNINGCHA(北师海三店)',
          imgUrl: require('@/assets/img/takeaway4.jpg'),
          score: '4.8分',
          sales_number: '月售7619',
          assess: require('@/assets/img/takeaway4_2.jpg')
        },
        {
          id: '5',
          title: '1点点（北师大店）',
          imgUrl: require('@/assets/img/takeaway5.jpg'),
          score: '4.6分',
          sales_number: '月售4232',
          assess: require('@/assets/img/takeaway5_2.jpg')
          
        },
        {
          id: '6',
          title: '碗碗香麻辣烫麻辣拌',
          imgUrl: require('@/assets/img/takeaway6.jpg'),
          score: '4.6分',
          sales_number: '月售3988',
          assess: require('@/assets/img/takeaway6_2.jpg')
          
        }
      ]
    }
  }
}
</script>
  
<style scoped>
  .take-away {
    margin-bottom: 59px;
  }

  .good-item {
    padding-bottom: 80px;
    position: relative;
    width: 170px;
  }

  .good-item img {
    width: 100%;
    height: 170px;
  }

  .good-info {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    overflow: hidden;
    text-align: center;
    /* display: flex; */
  }

  .good-info p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: bolder;
    /* position: relative;
    top: 1000px; */
  }

  .good-info .score {
    color: red;
    position: relative;
    left: -30px;
    top: 5px;
    bottom: 5px;
    font-weight: bold;
    font-size: 17px;
    /* flex: left; */

  }
  .good-info .s_num {
    color: rgba(77, 77, 73, 0.767);
    font-weight: 20px;
    font-size: 14px;
    position: relative;
    left: 32px;
    top: 5px;
    bottom: 5px;
  }

  .good-info img {
    height: 36px;
  }
</style>